import React from 'react';
import disCover from '../styleJs/discover'
import $ from 'jquery'
var NavLink = require('./NavLink');
import M from './m.js'

class Discover extends React.Component{
    render(){
        $(function() {
            $('#roll-right').on('click',function(){
					$('.itemgo').css({'left':'-645px'});
				});
				$('#roll-left').on('click',function(){
					$('.itemgo').css({'left':'0px'});
				});
				var bannerSlider = new Slider($('#banner_tabs'), {
					time: 5000,
					delay: 400,
					event: 'hover',
					auto: true,
					mode: 'fade',
					controller: $('#bannerCtrl'),
					activeControllerCls: 'active'
				});
				$('#banner_tabs .flex-prev').click(function() {
					bannerSlider.prev()
				});
				$('#banner_tabs .flex-next').click(function() {
					bannerSlider.next()
				});
				
				var i=0;
				var str="<li class='active'><a></a></li>";
				for(;i<=($('.slides li').size()-1);i++){
					str+='<li><a></a></li>';
				}			
				$('#bannerCtrl').html(str);
				
				var bgArray=[
					"url(http://p3.music.126.net/yf6MD0JERkiMCMNBNMxWiQ==/18524571906724273.jpg)",
					"url(http://p3.music.126.net/GVAU6enGEqjdFt1xU8qUmA==/18631224534602791.jpg)",
					"url(http://p3.music.126.net/ISWnm_F0M6cuGREgi6vj9Q==/19226060323492919.jpg)",
					"url(http://p3.music.126.net/7C2R6hhSg_dqSrcE9oaCHw==/19107313067717153.jpg)",
					"url(http://p3.music.126.net/ISWnm_F0M6cuGREgi6vj9Q==/19226060323492919.jpg)",
					"url(http://p3.music.126.net/mWp8rZ0-aij9yazE3oXB3Q==/19218363742100773.jpg)",
					"url(http://p3.music.126.net/xVnBWvFbS-u_kx776IKVTg==/18918197067715426.jpg)",
					"url(http://p3.music.126.net/LIjpHFNWyrVr80sSGncQ-w==/18558656767183538.jpg)"
				];
				
				$('.slides li').each(function(){
					$(this).css({"background-image":bgArray[Number($(this).index())]});
					$(this).find('a').append('<span class="banner_bg"></span>');
				});
			})
        return(
            <div>
            <div className="banner_wrap">
	<div id="banner_tabs" className="flexslider">
		<ul className="slides">
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p3.music.126.net/9e1Satiwoq31VKC6_gr0Ag==/18603736743902803.jpg" />						
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p3.music.126.net/OlFvnG1u0a7Zp7EeWGAw2Q==/18766464464840954.jpg" />
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p4.music.126.net/yXIuRCzaYDA22P1_aryfYw==/18603736743902796.jpg" />
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p3.music.126.net/GhHH9j1ck7gFY9_ZO6McTA==/19186477904894489.jpg" />
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p4.music.126.net/K_6gAziL2pYnnPZZjSszAw==/18779658604362366.jpg" />
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p4.music.126.net/oRJ5hN-H2IAJQ_9M6cE75A==/18779658604362362.jpg" />
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p3.music.126.net/4kdR_e18SoFeAK0lZulTeQ==/19218363742100771.jpg" />
				</a>
			</li>
			<li>
				<a title="" target="_blank" href="##">
					<img src="http://p4.music.126.net/GBbLzqL6EB9Gi-uwyUXq7w==/18631224534602793.jpg" />
				</a>
			</li>
		</ul>
		<ul className="flex-direction-nav">
			<li>
				<a className="flex-prev" href="javascript:;">Previous</a>
			</li>
			<li>
				<a className="flex-next" href="javascript:;">Next</a>
			</li>
		</ul>
		<ol id="bannerCtrl" className="flex-control-nav flex-control-paging">

		</ol>
	</div>
</div>
            <div className="main">
                <div className="main-wrap">
                    <div className="main-left">
                        <div className="main-left-cont">
                            <div className="item" id="ep">
                                <div className="title t-bg">
                                    <a className="txt" href="##">热门推荐</a>
                                    <div className="tab">
                                        <a href="##" className="fc3">华语</a>
                                        <span className="line">|</span>
                                        <a href="##" className="fc3">流行</a>
                                        <span className="line">|</span>
                                        <a href="##" className="fc3">摇滚</a>
                                        <span className="line">|</span>
                                        <a href="##" className="fc3">民谣</a>
                                        <span className="line">|</span>
                                        <a href="##" className="fc3">电子</a>
                                        <span className="line">|</span>
                                    </div>
                                    <span className="more">
                                        <a href="##" className="fc3">更多</a>
                                        <i className="arrow">&nbsp;</i>
                                    </span>
                                </div>
                                <ul className="album-list">
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/YuDsHDHCssXKEnQ0WgQP-A==/1404076365878191.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">103万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">[童年]动画片到了，同学们作业先别管了</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/K5XSziu6n5MgNcDetdqXng==/19038043835149347.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">12万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">桑巴 · 巴西狂欢节的灵魂</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/E-6rjWI1k43cBJPm_oTj3Q==/109951162897117598.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">96万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">「人间至味是清欢」</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/YNYJRj9Y5ToLFcI17AmOTw==/19011655556087731.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">7168</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">三分钟告诉你怎么白回来</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/qYpsel50gQtqYdLbRNc97Q==/18613632348529765.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">89万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">对称|虚实以水面的分离 呈现实体与倒影</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/3FIgm7Vd7H3BAqzYbRa-BQ==/19209567649080614.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">69万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">Melodic Dubstep|渗透灵魂深处的空灵之音</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/CFF05kX3ECCu2q6vZnGq9w==/18872017579305235.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">72万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">日系治愈｜想成为一个温柔的人</a>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p1.music.126.net/BXLsH0XujZgoxJRnZr2gWg==/19056735532819436.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">23万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">改变人生的不是学历，是专业</a>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                            <div className="item" id="daily">
                                <div className="title t-bg">
                                    <a className="txt" href="##">个性化推荐</a>
                                    
                                </div>
                                <ul className="album-list">
                                    <li>
                                        <a href="##" className="date">
                                            <span className="head">星期三</span>
                                            <span className="bd">28</span>
                                            <span className="mask"></span>
                                        </a>
                                        <p className="dec"><a href="##" className="fc0">每日歌曲推荐</a></p>
                                        <p className="fc4">根据你的口味生成，<br/>每天6:00更新</p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p3.music.126.net/2x55KkFUh457VWEwkH71Mw==/3427177744687087.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">103万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">『百年光影岁月，百段最美原声』</a>
                                        </p>
                                        <p className="fc4">
                                            <p className="fc4">
                                                <em>根据你收藏的歌单《音乐不眠！那些音乐题材的电影》推荐</em>
                                            </p>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p4.music.126.net/QUGobMlx5NMPov_3r-9xkQ==/19019352137404104.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">103万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">H1Z1 yt 斯祥 走黯 直播跳伞BGM合集</a>
                                        </p>
                                        <p className="fc4">
                                            <p className="fc4">
                                                <em>根据你喜欢的单曲《奇妙能力歌》推荐</em>
                                            </p>
                                        </p>
                                    </li>
                                    <li>
                                        <div className="a-cover">
                                            <img src="http://p3.music.126.net/MsxxczaSspvoNVA04sgSrA==/8000046604498430.jpg?param=140y140" alt="" />
                                            <a href="##" className="msk"></a>
                                            <div className="bottom">
                                                <a href="##" className="play_icn"></a>
                                                <span className="headphone"></span>
                                                <span className="number">20万</span>
                                            </div>
                                        </div>
                                        <p className="dec">
                                            <a className="fc0" href="##">【朱伟】新东方朱伟老师恋练有词</a>
                                        </p>
                                        <p className="fc4">
                                            <p className="fc4">
                                                <em>根据你喜欢的单曲《I Am You》推荐</em>
                                            </p>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                            <div className="item" id="newhot">
                                <div className="title t-bg">
                                    <a className="txt" href="##">新碟上架</a>
                                    <span className="more">
                                        <a href="##" className="fc3">更多</a>
                                        <i className="arrow">&nbsp;</i>
                                    </span>
                                </div>
                                <div className="n-disk">
                                    <div className="inner" id="roller">
                                       <a hidefocus="true" href="##" className="click-flag pre" id="roll-left">&nbsp;</a>
	<div className="roll">
		<ul className="itemgo">
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/ADtTpO7Ui9JKOkDzIh15Zg==/18781857627613161.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/5pdRS0MG6Uz1gVw5wmidQg==/19064432114207770.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/DSGvdBaVhj1gwgh18Z9d3Q==/18812643953229012.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/CdSkAnfQhO5rrPo54noCHA==/18990764835137467.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/ZZAQGWl9mR7g5xCyWWH3Pw==/19149094509535913.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p3.music.126.net/JupZKGWHlaXcpuX8UQBvkw==/19001759951394104.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>											
			<li>
				<div className="cover-ab">
					<img src="http://p3.music.126.net/lgL4WhB8oK8389FVdAr8gg==/19126004765365684.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/MHIvytC5RXh5Lp2J_3tpaQ==/19017153114022258.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p3.music.126.net/2JyOziYmboPfELKXpk_1YQ==/18811544441563748.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>
			<li>
				<div className="cover-ab">
					<img src="http://p4.music.126.net/TqGCB0KK2LK9X9zKr0rqAQ==/18517974836952021.jpg?param=100y100"/>
					<a href="##" className="msk"></a>
					<a href="##" className="icn_play"></a>													
				</div>
				<p className="f-thide">
					<a href="##">松绑</a>
				</p>
				<p className="f-thide">
					<a href="##" className="art">丁薇</a>
				</p>
			</li>			
		
		</ul>										
	</div>
<a hidefocus="true" href="##" className="click-flag nxt" id="roll-right">&nbsp;</a>
                                    </div>
                                </div>
                            </div>
                            <div className="item">
                                <div className="title t-bg">
                                    <a className="txt" href="##">榜单</a>
                                    <span className="more">
                                        <a href="##" className="fc3">更多</a>
                                        <i className="arrow">&nbsp;</i>
                                    </span>
                                </div>
                                <div className="n-blist">
                                    <dl className="blk">
                                        <dt className="top">
                                            <div className="cover">
                                                <img src="http://p4.music.126.net/DrRIg6CrgDfVLEph9SNh7w==/18696095720518497.jpg?param=100y100"/>
                                                <a href="##" className="msk"></a>
                                            </div>
                                            <div className="tit">
                                                <a href="##">
                                                    <h3>音乐飙升榜</h3>
                                                </a>
                                                <div className="btn">
                                                    <a href="##" className="s-bg s-icn b-play">播放</a>
                                                    <a href="##" className="s-bg s-icn b-favor">收藏</a>
                                                </div>
                                            </div>
                                        </dt>
                                        <dd>
                                            <ol>
                                                <li>
                                                    <span className="no no-top">1</span>
                                                    <a href="##" className="nm f-thide">重逢</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no no-top">2</span>
                                                    <a href="##" className="nm f-thide">一直走</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no no-top">3</span>
                                                    <a href="##" className="nm f-thide">我想念 </a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">4</span>
                                                    <a href="##" className="nm f-thide">Naked</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">5</span>
                                                    <a href="##" className="nm f-thide">shØut</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">6</span>
                                                    <a href="##" className="nm f-thide">小さな手</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">7</span>
                                                    <a href="##" className="nm f-thide">一个人的风景</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">8</span>
                                                    <a href="##" className="nm f-thide">未至</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">9</span>
                                                    <a href="##" className="nm f-thide">学医真有意思dogs</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">10</span>
                                                    <a href="##" className="nm f-thide">Girl inside</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <div className="more">
                                                   
                                                    <a href="##" className="s-fc0">查看全部>></a>
                                                   
                                                </div>
                                            </ol>
                                        </dd>
                                    </dl>
                                    <dl className="blk">
                                        <dt className="top">
                                            <div className="cover">
                                                <img src="http://p4.music.126.net/N2HO5xfYEqyQ8q6oxCw8IQ==/18713687906568048.jpg?param=100y100"/>
                                                <a href="##" className="msk"></a>
                                            </div>
                                            <div className="tit">
                                                <a href="##">
                                                    <h3>云音乐新歌榜</h3>
                                                </a>
                                                <div className="btn">
                                                    <a href="##" className="s-bg s-icn b-play">播放</a>
                                                    <a href="##" className="s-bg s-icn b-favor">收藏</a>
                                                </div>
                                            </div>
                                        </dt>
                                        <dd>
                                            <ol>
                                                <li>
                                                    <span className="no no-top">1</span>
                                                    <a href="##" className="nm f-thide">追光者</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no no-top">2</span>
                                                    <a href="##" className="nm f-thide">下一站茶山刘</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no no-top">3</span>
                                                    <a href="##" className="nm f-thide">마지막처럼 </a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">4</span>
                                                    <a href="##" className="nm f-thide">再没有</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">5</span>
                                                    <a href="##" className="nm f-thide">那个男孩</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">6</span>
                                                    <a href="##" className="nm f-thide">男孩</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">7</span>
                                                    <a href="##" className="nm f-thide">2U</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">8</span>
                                                    <a href="##" className="nm f-thide">咖喱咖喱</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">9</span>
                                                    <a href="##" className="nm f-thide">夏至未至</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">10</span>
                                                    <a href="##" className="nm f-thide">一笑倾城</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <div className="more">
                                                   
                                                    <a href="##" className="s-fc0">查看全部>></a>
                                                   
                                                </div>
                                            </ol>
                                        </dd>
                                    </dl>
                                    <dl className="blk">
                                        <dt className="top">
                                            <div className="cover">
                                                <img src="http://p4.music.126.net/sBzD11nforcuh1jdLSgX7g==/18740076185638788.jpg?param=100y100"/>
                                                <a href="##" className="msk"></a>
                                            </div>
                                            <div className="tit">
                                                <a href="##">
                                                    <h3>网易原创歌曲榜</h3>
                                                </a>
                                                <div className="btn">
                                                    <a href="##" className="s-bg s-icn b-play">播放</a>
                                                    <a href="##" className="s-bg s-icn b-favor">收藏</a>
                                                </div>
                                            </div>
                                        </dt>
                                        <dd>
                                            <ol>
                                                <li>
                                                    <span className="no no-top">1</span>
                                                    <a href="##" className="nm f-thide">闪光的回忆</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no no-top">2</span>
                                                    <a href="##" className="nm f-thide">三四点夜里的美梦</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no no-top">3</span>
                                                    <a href="##" className="nm f-thide">告别时刻-合唱版</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">4</span>
                                                    <a href="##" className="nm f-thide">一瞬间</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">5</span>
                                                    <a href="##" className="nm f-thide">晚安</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">6</span>
                                                    <a href="##" className="nm f-thide">不会邀请你来我的party</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">7</span>
                                                    <a href="##" className="nm f-thide">如果我失去了青春</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">8</span>
                                                    <a href="##" className="nm f-thide">你说</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">9</span>
                                                    <a href="##" className="nm f-thide">战</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <span className="no">10</span>
                                                    <a href="##" className="nm f-thide">梦年少-先行版</a>
                                                    <div className="operate">
                                                        <a href="##" className="s-bg s-icn c-play">播放</a>
                                                        <a href="##" className="s-bg s-icn c-add">添加到播放列表</a>
                                                        <a href="##" className="s-bg s-icn c-favor">收藏</a>
                                                    </div>
                                                </li>
                                                <div className="more">
                                                   
                                                    <a href="##" className="s-fc0">查看全部>></a>
                                                   
                                                </div>
                                            </ol>
                                        </dd>
                                    </dl>
                                                            
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="main-right">
                    <div className="myinfo">
                        <div className="my-top">
                            <a href="##" className="pic">
                                <img src="http://p1.music.126.net/D2gzrO5bxpHo_WHFk5kxIA==/19172184253730857.jpg?param=80y80" />
                            </a>
                            <div className="info">
                                <h4 className="f-hide">locker丶once</h4>
                                <p>
                                    <a href="##" className="lv">
                                        8
                                        <i className="lv-right"></i>
                                    </a>
                                </p>
                                <div className="btn-put">
                                    <a href="##" className="sign">
                                        <i>签到</i>
                                    </a>
                                </div>
                            </div>						
                        </div>
                        <ul className="dny fc3">
                            <li className="fst">
                                <a href="##">
                                    <strong>5</strong>
                                    <span>动态</span>
                                </a>
                            </li>
                            <li className="fst">
                                <a href="##">
                                    <strong>51</strong>
                                    <span>关注</span>
                                </a>
                            </li>
                            <li className="lst">
                                <a href="##">
                                    <strong>9</strong>
                                    <span>粉丝</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div className="singer">
                        <img src="../../../images/guangg.png"/>
                    </div>
                </div>
                <a className="m-back" href="#" >回到顶部</a>
            </div>
           </div> 
        )
    }
}

module.exports= Discover;